:root[theme-color='purple'] {
  --td-brand-color: #834ec2;
  --td-brand-color-1: #f5eeff;
  --td-brand-color-2: #e6d6ff;
  --td-brand-color-3: #d4baff;
  --td-brand-color-4: #c29fff;
  --td-brand-color-5: #ab87d5;
  --td-brand-color-6: #9a6fce;
  --td-brand-color-7: #9a6fce;
  --td-brand-color-8: #834ec2;
  --td-brand-color-9: #783ac3;
  --td-brand-color-10: #4c1397;
}

:root[theme-color='purple'][theme-mode='dark'] {
  --td-brand-color: #ab87d5;
  --td-brand-color-1: #2a1445;
  --td-brand-color-2: #3d1d66;
  --td-brand-color-3: #512788;
  --td-brand-color-4: #6633aa;
  --td-brand-color-5: #7a40cc;
  --td-brand-color-6: #9a6fce;
  --td-brand-color-7: #ab87d5;
  --td-brand-color-8: #b79ddb;
  --td-brand-color-9: #d4baff;
  --td-brand-color-10: #f5eeff;
}
